page {
    background-color: #FF285F;
}
.goodsList {
    .fd{
        width:100vw;
        background:#f1f1f1;
        padding-top:3vw;
        border-radius:6vw 6vw 0 0;
        overflow: auto;
        margin-top:3vw; 
        min-height:calc(~'100vh - 10vw');
        box-sizing: border-box;
    }
    .header {
        position: relative;
        .banner {
            width: 100%;
            display: block;
        }
        .tip {
            position: absolute;
            text-align: center;
            background-color: #D40439;
            width: 100%;
            top: 0;
            font-size: 3.6vw;
            line-height: 7vw;
            color: #fff;
            swiper {
                height: 7vw;
                .goods {
                    display: inline-block;
                    color: #FFD860;
                    width: 28vw;
                    height: 5vw;
                    padding: 0;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }
            }
        }
        .procedure {
            width: 94vw;
            margin-left: 3vw;
            position: absolute;
            left: 0;
            bottom: -2vw;
        }
    }
	.an_tap{
		width:100%;
		height:7vw;
		box-sizing: border-box;
		padding:0vw 3vw 0 3vw;
        display: flex;
        justify-content: space-around;
        color: #fff;
		>view{
		    width:22vw;
		    text-align: center;
		    font-size:3.73vw;
		    line-height:7vw;
		    border-radius: 4vw;
		    box-sizing: border-box;
		}
		>view.on{
		    background:rgba(255, 255, 255, .3);
		}
	}
    .content {
        padding: 2vw 3vw 4vw 3vw;
        .goods {
            background-color: #fff;
            overflow: hidden;
            padding: 2.5vw;
            border-radius: 2vw;
            position: relative;
            margin-bottom: 2vw;
            image {
                width: 25vw;
                height: 25vw;
                float: left;
                border-radius: 2vw;
            }
            >.right {
				width:59vw;
                float: left;
                margin-left: 3vw;
                .name {
                    margin-top:2vw;
                    font-size:3.8vw;
                    font-weight: 700;
                    width: 50vw;
                    overflow:hidden;
                    white-space:nowrap;
                    text-overflow: ellipsis;
                }
                .peopleNum {
					width:100%;
                    font-size: 3.2vw;
                    color: #999999;
                    margin: -5vw  0 0 0 ;
                    line-height:5vw;
                    overflow: hidden;
                    .right{
                        float: right;
                        font-size:3vw;
                    }
                }
                .range {
                    height: 2vw;
                    background-color: #F5F5F5;
                    border-radius: 2vw;
                    width: 61vw;
                    margin: 1vw 0 1vw 0;
                    .range_in {
                        max-width:100%;
                        background: linear-gradient(to right,#F1228B,#FC673D);
                        width: 10%;
                        height: 2vw;
                        border-radius: 2vw;
                    }
                }
                .duration {
                    margin-top:1vw;
                    font-size: 3.2vw;
                    color: #999999;
                    line-height:5vw;
                    text {
                        color: #FF285F;
                        margin-left:1vw;
                    }
                }
                .durationTip {
                    margin-top:1vw;
                    font-size: 3.2vw;
                    line-height:5vw;
                    color: #FF285F;
                }
                .price {
                    line-height: 3.2vw;
                    margin-top:5vw;
                    >view{
                        display:inline-block;
                    }
                    .color {
                        color:#FF285F;
                        font-size: 3.2vw;
                    }
                    .num {
                        font-size:4.2vw;
                        color:#FF285F;
                    }
                    .text{
                        font-size: 2.8vw;
                        color:#999;
                        margin-left:2vw;
                        text-decoration: line-through;
                    }
                }
            }
            .btn {
                color: #fff;
                line-height: 7.5vw;
                text-align: center;
                background: linear-gradient(to right,#F1228B,#FC673D);
                font-size: 3vw;
                position: absolute;
                border-radius: 7.5vw;
                right: 3vw;
                bottom: 4vw;
                width: 19vw;
                &.off{
                    background:#ccc;
                }
            }
        }
    }
}